草庐IT

HTML 图像

全部标签

javascript - 如何使用 javascript 中的 http.post 将图像发送到服务器并在 mongodb 中存储 base64

我在使用mongodb在服务器端存储图像的客户端访问http请求时遇到了问题。我非常感谢帮助。我需要一个简单的示例来说明如何将图像文件作为数据添加到httppost请求(例如XMLhttprequest)中。比方说,我知道服务器方法的网址。图片来源定义在imgsrc文件名存放在name我有这个自动取款机:varhttp=newXMLHttpRequest();httpPost.onreadystatechange=function(err){if(httpPost.readyState==4&&httpPost.status==200){console.log(httpPost.res

javascript - div onclick函数更改正文背景图像

我想要一个像按钮一样的小图片,可以单击并具有更改正文背景图像的功能。我是一个新手,我正在努力学习。我认为最简单的方法是使用一个带有background-image的div。我也必须使用非语义网格。所以我几乎只有带背景图片的div。我该如何编写这个函数?我敢肯定这真的很简单,我在这里读了20篇文章,但没有一篇对我有用编辑:添加我的代码#knapp{height:50px;width:50px;background-image:url(http://ingridwu.dmmdmcfatter.com/wp-content/uploads/2015/01/placeholder.png);b

javascript - 如何从 Angular 2的文本中删除html标签

我正在使用rss提要并从我的服务器获取rss提要,所以我正在发送stringfy数据,但是当我在我的angular2应用程序中绑定(bind)它时,它显示带有html标签的文本,因此我们如何删除这个标签。我只想显示文本。服务器代码如下:exports.newspage=function(req,resp){db.executeSql("selectheader,text,teaserfromnews_d",function(data,err){if(err){resp.writeHead(200,{"Content-Type":"text/html"});resp.write("500

javascript - 使用 Jest 测试时使用 webpack 导入图像时 enzyme 渲染失败

我想测试一个简单的组件是否呈现(因为我还在研究Jest)。应用程序本身使用webpack加载图像以显示Logo。当我尝试挂载/渲染/浅化无状态组件时,Jest抛出错误。FAILsrc/components/blog/blogList.spec.jsx●Testsuitefailedtorun/home/requinard/Projects/manus-frontend/src/img/manus_logo.png:Unexpectedcharacter'�'(1:0)>1|�PNG|^2|3|4|IHDR��G}pHYs.#.#x�?vtEXtSoftwareAdobeImageRea

javascript - 在 JavaScript 中,如何在不影响标签的情况下替换 HTML 页面中的文本?

我正在尝试找出如何使用Javascript进行替换。我正在查看页面的整个主体,并希望替换不在HTML标记内的关键字匹配。这是一个例子:blahblahblahkeywordblahwhateverkeywordwhatevervarreplace_terms={'keyword':{'url':'http://en.wikipedia.org/','target':'_blank'}}jQuery.each(replace_terms,function(i,val){varre=newRegExp(i,"gi");$('body').html($('body').html().repl

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - 检查字符串是否包含任何图像标签的最简单方法是什么?

例如我有文本:"testestestestttestestestes"我想写一个函数来检查字符串中是否是img标签并返回true 最佳答案 使用正则表达式:"testestestestttestestestes".match(/ 关于javascript-检查字符串是否包含任何图像标签的最简单方法是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14202976/

javascript - 获取内容脚本以在页面加载时附加图像

我刚刚开始学习如何为谷歌浏览器制作扩展程序。到目前为止,我有一个非常基本的了解,所以我想尝试一些小的东西。现在我正试图在每次加载该页面时将图像附加到特定页面上的特定div。扩展加载正常,但javascript代码似乎永远不会运行,图像也永远不会加载。这是我目前拥有的manifest.json文件:{"manifest_version":2,"name":"IconCreator","description":"Createsacustomiconforpage","version":"1.0","content_scripts":[{"matches":["file:///home/t

javascript - 为什么不能使用 "switch"技术从 HTML 更改范围值?

我有简单的Controller代码:JS$scope.showErrorAlert=false;$scope.switchBool=function(value){value=!value;};HTML×Error!{{errorTextAlert}}从代码片段中您可以看到我尝试更改$scope.showErrorAlert值。但是它不起作用,value发生了变化,但showErrorAlert没有变化。有人能告诉我为什么以及如何让它工作吗?谢谢 最佳答案 JS按值传递参数。通过引用传递的一个简单替代方法是传递一个对象(而不是属性本